<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>天亮云课堂</title>
    <link rel="stylesheet" href="./css/天亮教育首页.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="./icon/QQicon/iconfont_1.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
    <!-- <link rel="stylesheet" href="./css/demo.css"> -->
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./icon/iconfont1.css">
    <script src="js/swiper-bundle.min.js"></script>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <script src="js/request11.js"></script>
    <style>

    </style>
</head>

<body>
    <!-- 登陆部分 -->
    <div class="modal fade top_1" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="loginA">
            <div class="positioning">

                <div>
                    <p><span id="login1">普通登录</span><span id="login2">手机登录</span></p>
                </div>
                <div class="myInput">
                    <input type="text" placeholder="🐱‍🐉请输入账号" id="phoneNumber1">
                    <input type="text" placeholder="🐱‍🐉请输入手机号" id="phoneNumber">
                    <input type="password" placeholder="🔒请输入密码" id="validationCold1">
                    <input type="text" placeholder="🔒请输入验证码" id="validationCold">
                    <button id="loginBtn">获取验证码</button>
                </div>
                <div class="butn">
                    <button>
                        登录
                    </button>
                    <div><a href="#">立即注册！</a><a href="#">忘记密码</a></div>
                </div>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
            </div>

        </div>

    </div>
    <!-- 登陆部分结束 -->
    <header class="container header_1">
        <img src="http://course.myhope365.com/img/logo-header.08ec1297.png" alt="">
        <input type="text" class="searchBox" placeholder="搜索课程" maxlength="20" id="searchBox">
        <a href="天亮云课堂搜索.html"><span class="search_1"><button id="searchBtn"><img src="./images/放大镜.png"
                        alt="">搜索</button></span></a>
        <span class="shop"><img src="./images/购物车.png" alt=""><span>|</span><a data-toggle="modal"
                data-target="#myModal">登录/注册</a><img src="" alt=""><img src="./images/用户名.png" alt=""></span>
    </header>
    <ul class="topNav container">
        <li>首页</li>
        <li class="topNav_2"> 课程分类<span class="iconfont icon-xiajiantou1">&#xe60a;</span>
            <ul class="topNav_1"> </ul>
        </li>
        <li>专属课程</li>
    </ul>
    <!-- 轮播图 -->
    <div class="swiper-container" style="cursor:pointer">
        <div class="swiper-wrapper">
            <div class="swiper-slide"></div>
            <div class="swiper-slide"></div>
            <div class="swiper-slide"></div>
            <div class="swiper-slide"></div>
            <div class="swiper-slide"></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
    <!-- 直播课程 -->

    <div class="container">

        <div class="col-xs-6 col-sm- col-md-6 col-lg-6 live_1">
            <div class="box">
                <div class="tab-pane fade in active p_A p_A1" id="homeA">
                    <div class="innerBox1">
                        <p>IT开发编程方向之职业规划</p><span>√ &nbsp; 直播结束</span><br><button>直播结束</button>
                    </div>
                </div>
                <div class="tab-pane fade in active p_A p_A2" id="homeB">
                    <div class="innerBox1">
                        <p id="liveName">IT开发编程方向之职业规划</p>
                        <span>√ &nbsp; 直播结束</span>
                        <br>
                        <button>直播结束</button>
                    </div>
                </div>
                <div class="tab-pane fade in active p_A" id="homeC">
                    <div class="innerBox1">
                        <p id="liveName">IT开发编程方向之职业规划</p>
                        <span>√ &nbsp; 直播结束</span>
                        <br>
                        <button>直播结束</button>
                    </div>
                </div>
                <div class="tab-pane fade in active p_A" id="homeD">
                    <div class="innerBox1">
                        <p id="liveName">IT开发编程方向之职业规划</p>
                        <span>√ &nbsp; 直播结束</span>
                        <br>
                        <button>直播结束</button>
                    </div>
                </div>
                <div class="tab-pane fade in active p_A" id="homeD">
                    <div class="innerBox1">
                        <p">IT开发编程方向之职业规划</p>
                            <span>√ &nbsp; 直播结束</span>
                            <br>
                            <button>直播结束</button>
                    </div>
                </div>

            </div>

        </div>
        <!-- 直播右侧 -->
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 live_2">
            <ul id="myTab_A">

                <li id="earth_a">
                    <a href="#" title="还是会想你" id="earth_1">
                        <!-- <span>√</span> <span>直播结束</span>
                        <span>求职技巧之重难点问题剖析与解决</span> -->
                    </a>
                </li>

                <li id="earth_b">
                    <a href="#" id="earth_2">
                        <!-- <span>√</span> <span>直播结束</span>
                        <span>求职技巧之重难点问题剖析与解决</span> -->
                    </a>
                </li>
                <li id="earth_c"><a href="#jmeterA" id="earth_3">
                        <!-- <span>√</span> <span>直播结束</span>
                        <span>求职技巧之重难点问题剖析与解决</span> -->
                    </a>
                </li>
                <li id="earth_d"><a href="#ejbA" id="earth_4">
                        <!-- <span>√</span> <span>直播结束</span>
                        <span>求职技巧之重难点问题剖析与解决</span> -->
                    </a>
                </li>
            </ul>
        </div>

    </div>

    <!-- 免费课程 -->
    <div class="container course_1">
        <h2>免费课程 <span class="iconfont">更多&#xe626;</span></h2>
        <div>
            <ul class="free_1 free">
                <!-- <li><a href="#">
                        <img src="https://online-course.nos-eastchina1.126.net/74e025f97cc04d5d8d76cc8b426b8dab.png"
                            alt="">
                        <p>web前端基础之html+css</p>
                        <p>共 56 节课 | 246 人报名</p>
                        <p>免费</p>
                    </a>
                </li>
                <li><a href="#">
                        <img src="https://online-course.nos-eastchina1.126.net/74e025f97cc04d5d8d76cc8b426b8dab.png"
                            alt="">
                        <p>web前端基础之html+css</p>
                        <p>共 56 节课 | 246 人报名</p>
                        <p>免费</p>
                    </a></li>
                <li><a href="#">
                        <img src="https://online-course.nos-eastchina1.126.net/74e025f97cc04d5d8d76cc8b426b8dab.png"
                            alt="">、
                        <p>web前端基础之html+css</p>
                        <p>共 56 节课 | 246 人报名</p>
                        <p>免费</p>
                    </a></li>
                <li><a href="#">
                        <img src="https://online-course.nos-eastchina1.126.net/74e025f97cc04d5d8d76cc8b426b8dab.png"
                            alt="">
                        <p>web前端基础之html+css</p>
                        <p>共 56 节课 | 246 人报名</p>
                        <p>免费</p>
                    </a></li>
                <li><a href="#">
                        <img src="https://online-course.nos-eastchina1.126.net/74e025f97cc04d5d8d76cc8b426b8dab.png"
                            alt="">
                        <p>web前端基础之html+css</p>
                        <p>共 56 节课 | 246 人报名</p>
                        <p>免费</p>
                    </a></li>
                <li>
                    <a href="#">
                        <img src="https://online-course.nos-eastchina1.126.net/74e025f97cc04d5d8d76cc8b426b8dab.png"
                            alt="">
                        <p>web前端基础之html+css</p>
                        <p>共 56 节课 | 246 人报名</p>
                        <p>免费</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://online-course.nos-eastchina1.126.net/74e025f97cc04d5d8d76cc8b426b8dab.png"
                            alt="">
                        <p>web前端基础之html+css</p>
                        <p>共 56 节课 | 246 人报名</p>
                        <p>免费</p>
                    </a>
                </li>
                <li><a href="#">
                        <img src="https://online-course.nos-eastchina1.126.net/74e025f97cc04d5d8d76cc8b426b8dab.png"
                            alt="">
                        <p>web前端基础之html+css</p>
                        <p>共 56 节课 | 246 人报名</p>
                        <p>免费</p>
                    </a>
                </li>
                <li><a href="#">
                        <img src="https://online-course.nos-eastchina1.126.net/74e025f97cc04d5d8d76cc8b426b8dab.png"
                            alt="">
                        <p>web前端基础之html+css</p>
                        <p>共 56 节课 | 246 人报名</p>
                        <p>免费</p>
                    </a>
                </li>
                <li><a href="#">
                        <img src="https://online-course.nos-eastchina1.126.net/74e025f97cc04d5d8d76cc8b426b8dab.png"
                            alt="">
                        <p>web前端基础之html+css</p>
                        <p>共 56 节课 | 246 人报名</p>
                        <p>免费</p>
                    </a>
                </li> -->
            </ul>
        </div>
    </div>
    <div class="container course_1">
        <h2>精品课程<span class="iconfont">更多&#xe626;</span></h2>
        <div>
            <ul class="free_2 free">
            </ul>
        </div>
    </div>
    <div class="container course_1">
        <h2>限时折扣课程<span class="iconfont">更多&#xe626;</span></h2>
        <div>
            <ul class="free_3 free">
            </ul>
        </div>
    </div>
    <div class="bottom_1">
        <h3>友情链接：</h3>
        <ul class="bottom_2"></ul>
        <p>Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</p>
    </div>
    <!-- 右侧 qq客服 -->
    <ul class="qq">
        <a data-v-7a0a3338 target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1574315256&site=qq&menu=yes">
            <li class=" iconfont">&#xe65d;
                <div>客服1</div>
            </li>
        </a>
        <a data-v-7a0a3338 target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
            <li class=" iconfont">&#xe65d;
                <div>客服2</div>
            </li>

        </a>
        <a href="#">
            <li class=" iconfont">&#xe65d;
                <div>技术支持</div>
            </li>

        </a>
    </ul>
</body>
<script src="./js/天亮教育首页js.js"></script>

</html>